<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta
            name="viewport"
            content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
        />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>Document</title>
        <link rel="stylesheet" href="../../static/css/reset.css" />
        <link rel="stylesheet" href="../../static/css/common.css" />
        <link rel="stylesheet" href="static/css/style.css" />
        <link rel="stylesheet" href="../../static/css/common-m.css" />
        <link rel="stylesheet" href="static/css/index-m.css" />
    </head>

    <body>
        <!-- 头部开始 -->
        <div class="header">
            <div class="header-c">
                <a href="#" class="logo">
                    <img src="../../static/imgs/logo.png" alt="" />
                </a>
                <ul class="nav">
                    <li class="nav-item"><a href="../../index.html">首页</a></li>
                    <li class="nav-item"><a href="../print/index.html">样片大宴</a></li>
                    <li class="nav-item"><a href="../welfare/index.html">当季优惠</a></li>
                    <li class="nav-item"><a href="#" class="active">旅拍城市</a></li>
                    <li class="nav-item"><a href="../aboutUs/index.html">关于我们</a></li>
                    <li class="nav-item"><a href="../contact/index.html">联系我们</a></li>
                </ul>
                <div class="nav-toggle">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </div>
            </div>
        </div>
        <!-- banner开始 -->
        <div class="banner"></div>
        <!-- 主体开始 -->
        <div class="city">
            <div class="city-c">
                <div class="title">
                    <p class="en">Tour City</p>
                    <p class="zh">旅拍城市</p>
                </div>
                <div class="city-list">
                    <div class="type">
                        <div class="item">国内</div>
                        <div class="item active">国外</div>
                    </div>
                    <ul class="list">
                        <li class="item" style="background-image: url(static/imgs/1.png);">
                            <div class="mask">
                                <div class="frame">
                                    <p class="en">FRANCE</p>
                                    <p class="zh">法国</p>
                                    <p class="info">一个集浪漫与羞涩一体的国度</p>
                                </div>
                            </div>
                        </li>
                        <li class="item" style="background-image: url(static/imgs/2.png);">
                            <div class="mask">
                                <div class="frame">
                                    <p class="en">FRANCE</p>
                                    <p class="zh">法国</p>
                                    <p class="info">一个集浪漫与羞涩一体的国度</p>
                                </div>
                            </div>
                        </li>
                        <li class="item" style="background-image: url(static/imgs/3.png);">
                            <div class="mask">
                                <div class="frame">
                                    <p class="en">FRANCE</p>
                                    <p class="zh">法国</p>
                                    <p class="info">一个集浪漫与羞涩一体的国度</p>
                                </div>
                            </div>
                        </li>
                        <li class="item" style="background-image: url(static/imgs/4.png);">
                            <div class="mask">
                                <div class="frame">
                                    <p class="en">FRANCE</p>
                                    <p class="zh">法国</p>
                                    <p class="info">一个集浪漫与羞涩一体的国度</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 底部开始 -->
        <div class="footer">
            <div class="footer-item">
                郑州镜界摄影服务工作室
                <br />
                <a href="#"><img src="../../static/imgs/weibo.png" alt="" /></a>
                <a href="#"><img src="../../static/imgs/qq.png" alt="" /></a>
                <a href="#"><img src="../../static/imgs/wx.png" alt="" /></a>
                <a href="#"><img src="../../static/imgs/baidu.png" alt="" /></a>
            </div>
            <div class="footer-item">
                <div class="content">
                    地址：郑州市郑东新区绿地中心6号楼
                    <br />
                    服务热线：037-7981788
                    <br />
                    邮编：456333
                </div>
            </div>
            <div class="footer-item">
                手机：18587655862
                <br />
                邮箱：1090876227@qq.com
                <br />
                Q Q：1090876227
            </div>
        </div>
        <div class="bottom">
            Copyright ©2010 ls1001.com, All rights reserved. 镜界传媒艺术有限公司 豫ICP备11028596号
        </div>

        <script src="../../static/js/common.js"></script>
        <script src="static/js/main.js"></script>
    </body>
</html>
